<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
  <link rel="stylesheet" href="${cssPath}/jq22.css">  
  <script type="text/javascript">var ctx = '${ctx}';</script>
<%--  <%
      String path = request.getContextPath();
      String basePath = request.getScheme() + "://"
                  + request.getServerName() + ":" + request.getServerPort()
                  + path + "/";
%>

<script type= "text/javascript" src= "<%=basePath %>js/jquery-1.11.3.min.js"></script >

<link rel="stylesheet" href="<%=basePath %>static/css/jq22.css">  --%>
</head>
<body>
<h1>${ctx}</h1>
<!-- begin -->
<div id="login">
    <div class="wrapper">
        <div class="login">
            <form id="loginForm" class="container offset1 loginform">
                <div id="owl-login">
                    <div class="hand"></div>
                    <div class="hand hand-r"></div>
                    <div class="arms">
                        <div class="arm"></div>
                        <div class="arm arm-r"></div>
                    </div>
                </div>
                <div class="pad">
                    <input type="hidden" name="_csrf" value="9IAtUxV2CatyxHiK2LxzOsT6wtBE6h8BpzOmk=">
                    <div class="control-group">
                        <div class="controls">
                            <label for="email" class="control-label fa fa-envelope"></label>
                            <input id="username" name="username" placeholder="账号" tabindex="1" autofocus="autofocus" class="form-control input-medium">
                        </div>
                    </div>
                    <div class="control-group">
                        <div class="controls">
                            <label for="password" class="control-label fa fa-asterisk"></label>
                            <input id="password" type="password" name="password" placeholder="密码" tabindex="2" class="form-control input-medium">
                        </div>
                    </div>
                </div>
                <div class="form-actions"><a href="#" tabindex="5" class="btn pull-left btn-link text-muted">忘记密码</a><a href="#" tabindex="6" class="btn btn-link text-muted">注册</a>
                    <button id="loginBtn" type="button" tabindex="4" class="btn btn-primary">登录</button>
                </div>
                 <p id="msg" style="color:red;"></p>
            </form>
        </div>
    </div>
    <script src="${jsPath}/jquery.min.js"></script>
    <script src="${jsPath}/login/login.js"></script>
    <script>
    $(function() {

        $('#login #password').focus(function() {
        	
        
            $('#owl-login').addClass('password');
        }).blur(function() {
        	
            $('#owl-login').removeClass('password');
        });
    });
    </script>
</div>
<!-- end -->
</body>
</html>